<template>
    <div>
        <homeHeader :list="list"></homeHeader>
        <homeSwiper :list="list"></homeSwiper>
        <icons :list="list"></icons>
        <Recommend :list="list"></Recommend>
        <weekEnd :list="list"></weekEnd>
    </div>
</template>

<script>
import list from "../../assets/index.json"
import homeHeader from './components/homeHeader.vue';
import homeSwiper from './components/homeSwiper.vue';
import icons from "./components/Icons.vue";
import Recommend from "./components/Recommend.vue";
import weekEnd from "./components/weekEnd.vue";
    export default {
        components: {
            homeHeader,
            homeSwiper,
            icons,
            Recommend,
            weekEnd
        },
        data() {
            return {
                list: list.data
            }
        },
    }
</script>

<style scoped>

</style>